<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=640,maximum-scale=1.0, user-scalable=no">
		<title>我的产品-我的海报</title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/myPoster.css" />
		<script type="text/javascript">
	   		var config  ={};
		    (function(){
		      var config_width = 640,
		        config_height = 0,
		        html = document.documentElement,
		        delay, setSize = function() {
		          config.windowWidth = html.clientWidth || window.innerWidth || html.getBoundingClientRect().width;
		          config.windowHeight = html.clientHeight || window.innerHeight || html.getBoundingClientRect().height;
		          config.aspectRatio = config.windowWidth / config.windowHeight;
		    
		          if (!config_width || config.aspectRatio > config_width / config_height) {
		            config.windowScale = config_height / config.windowHeight;
		            html.style.cssText += 'font-size:' + config.windowHeight * 100 / config_height + 'px!important;';
		          } else {
		            config.windowScale = config_width / config.windowWidth;
		            html.style.cssText += 'font-size:' + config.windowWidth * 100 / config_width + 'px!important;';
		          }
		          html.offsetWidth;
		        }
		      if (!config_height && !config_width) {
		        config_width = 640;
		      }
		      setSize();
		      document.addEventListener('DOMContentLoaded', function() {
		        window.addEventListener('resize', function() {
		          clearTimeout(delay);
		          delay = setTimeout(setSize, 50);
		        }, false);
		      }, false);      
		    })();
	   	</script>
	</head>
	<body>
		<div id="web">
			<!--alert提示框-->
			<div class="alert-view">点击查看大图,长按保存图片</div>
			<!--海报模板-->
			<div class="carousel-wrap">
				<div class="swiper-container list-wrap">
					<ul class="swiper-wrapper clearfix">
						<li class="swiper-slide"><img src=""/></li>
						<li class="swiper-slide"><img src="" /></li>
						<li class="swiper-slide"><img src=""/></li>
					</ul>
				</div>
				<div class="left btn"></div>
				<div class="right btn"></div>
				<div class="swiper-pagination"></div>
			</div>
			<!--底部分享、保存按钮-->
			<div class="footer">
				<div class="footer-top clearfix">
					<!--分享到朋友圈-->
					<div class="sharemoments fl">分享</div>
					<!--分享给朋友-->
					<!--<div class="sharefriend fr">分享给朋友</div>-->
				</div>
			</div>
			<!--分享指示框-->
			<div class="share-wrap">
				<div class="share-view"></div>
			</div>
			<!--放大图片-->
			<div class="win-imgwrap">
				<img src="" alt="" />
			</div>
		</div>
		<canvas id="canvas" style="display: none;"></canvas>
	</body>
	<script type="text/javascript" src="js/jquery-1.12.4.min.js" ></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script type="text/javascript" src="http://weixin.t1.laisj.com/wxman/api/jsapi_config/0"></script>
	<script type="text/javascript" src="js/swiper.min.js" ></script>
	<script type="text/javascript" src="js/myPoster.js" ></script>
</html>
